<!DOCTYPE html>
<html lang="实操">
	<header>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <link rel="stylesheet" href="img/表头.png" type="text/css">

		<title>INFINI | 映纷创意</title>
		<style>
			img{max-width:100%;}

.daohang {   
	width: 100%;
	background: lightskyblue;
	box-shadow: 1px 3px 5px black;
	vertical-align: top;
	position: relative;
	opacity: 0.80;
	text-align: center;
}





.article {
	
	padding: initial;
	text-align: center;
	overflow-x: scroll;	
}


hr {
	border: none;
	border-bottom: 3px dashed lightpink;
	margin: 25px;
}


 .swiper_p {
	
	width: 100%;
	background: lightgoldenrodyellow;
	border-radius: 5px;
	box-shadow: 0 5px 20px #bbb;
	box-sizing: border-box;
	padding: 1em;
}


figure {
	
	text-align: center;
	
	
	
}


figure span img {
    width: 100px;
    margin: 30px;
    min-width: 50px;
	padding-top: 2px;
	border: double lightgreen;
	
}

.wrap {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	background: lavenderblush;
	}
	
	
.work_pictures {
	border-color: lightseagreen;
	}
	
	
.left {
	width:370px;
padding:0;
border:0.5px solid darksalmon;
margin:15px;
border-radius: 8px;
display:inline-block;
}



.left:hover {
	box-shadow:2px 2px 5px;
	}
	
	
.middle {
	width:370px;
padding:0;
border:0.5px solid darksalmon;
margin:15px;
border-radius: 8px;
display:inline-block;
}


.middle:hover {
	box-shadow:2px 2px 5px;
	}
	
	
	
.right {
	width:370px;
	padding:0;
	border:0.5px solid darksalmon;
	margin:15px;border-radius: 8px;
	display:inline-block;
	}
	
	
.right:hover {
	box-shadow:2px 2px 5px;
	
	}

p{color: blueviolet;font:15px HUM521L;line-height:20px;letter-spacing:1.5px;}

a {
	text-decoration: none;
	margin: 25px;
	color: yellow;
}




@media only screen and (min-width:650px) {
	.word_pictures{
		width:100%;
		}
	}
	
.below {
    background: #e0e0e0;
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px white;
    color: #666666;
    overflow: hidden;
}


.footer_left, .footer_right {
    width: 49%;
    display: inline-block;
}



.footer_right {
    
    float: right;
}

.contact {
    margin-left: 3%;
    font-size: 0.75em;
    }
    
.contact p {
    margin-bottom: 5px;
    }
    
		</style>
	</header>
	<body>      
		
	<div class="daohang">
		<img src="img/img/表头.png" alt class="logo">
		<nav>
			<a href="http://www.baidu.com/">HOME</a>
			<a href="http://www.baidu.com/">LOVE</a>
			<a href="http://www.baidu.com/">TYPE</a>
	</nav>
	</div>
	
	<hr>
	
	<main>
		<section class="article">
			
		<img src="img/img/58bd39995fb18.jpg" alt>
			
		</section>
		

		<hr>
		
		<details class="swiper_p">
					<summary>
						INFINI （映纷创意）
						</summary>
						<p>是一家独立创新营销公司，致力于创造会流动的美好创意。
						</p>
				</details>
				
			<hr>
		
		
		<figure align="center">
			
			<span>
				<img src="img/img/1.jpg" alt>
			</span>
			<span>
				<img src="img/img/10.jpg" alt>
			</span>
			<span>
				<img src="img/img/12.jpg" alt>
			</span>
			<span>
				<img src="img/img/2.jpg" alt>
			</span>
			
			
		</figure>
		<hr>
		
<br>
<div class="wrap">
<div class="left">
	<img class="work_pictures" src="img/img/5a1244e0bc2be.jpg">
	<p align="center">
		鱼戏</p>
</div>	
<div class="middle">
	<img class="work_pictures" src="img/img/58be45218ded1.jpg">
	<p align="center">今日头条</p>
</div>	
<div class="right">
	<img class="work_pictures" src="img/img/58be361ed84e7.jpg">
	<p align="center">团体</p>
</div>	
<div class="left">
	<img class="work_pictures" src="img/img/5c208811a153c.jpg">
	<p align="center">中国抖有味</p>
</div>	
<div class="middle">
	<img class="work_pictures" src="img/img/5c20837a904a3.jpg">
	<p align="center">火影忍者</p>
</div>	
<div class="right">
	<img class="work_pictures" src="img/img/5c3ed5adc5c1c.jpg">
	<p align="center">音乐节</p>
</div>	

</div>


			</main>
		
	</body>
	
	<footer class="below">
			<div class="footer_left">
				<div class="link">
					<a href="http://weibo.com/InfiniVision/" class="link1"><img src="img/img/1.jpg" alt=""></a>
					<a href="http://infini.zcool.com.cn/" class="link2"><img src="img/img/10.jpg" alt=""></a>
					<a href="http://i.youku.com/u/UMTMyODY0NzU2" class="link3"><img src="img/img/12.jpg" alt=""></a>
				</div>
			</div>
			<div class="footer_right">
				<div class="contact">
					<div class="contact_logo"><img src="img/img/表头.png" alt="#"></div>
					<p >INFINI | 映纷创意</p>
					<p>北京市朝阳区常营</p>
					<p>TEL : 010-85394331</p>
					<p>QQ : 7585917</p>
					<p>Email : infinistudio@foxmail.com</p>
					<p>weibo : @InfiniStudio</p>
					<time>2019.06</time>
				</div>
			</div>
		</div>
	</footer>

	
</html>
